@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';


.compareImg{
    height: 300px;
}

body{
    color : "#252524" !important;
}

.btn-primary {
    color : white !important;
}

.btn-outline:hover {
    background:  "#16564d"
}
.menu li > *:not(ul):not(.menu-title):not(details).active{
    color : white !important;
    background: #e8b333
}

.truncate-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

.marquee-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.marquee-content {
  white-space: nowrap;
  position: relative;
  animation: marquee 20s linear infinite;
}

.marquee-content:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}


